button{margin: 0}
.imgWorkArea {
    width: 920px;
    margin: 0 auto;
    padding: 15px;
    background-color: lightcyan;
    box-sizing: border-box;
}
.buttonGroup{}
.buttonGroupTop{margin-bottom: 15px}
.buttonGroupTop #imgFile{border: 1px solid #ddd;text-align: center}
.buttonGroupTop button{margin-left: 15px}

/*操作区容器*/
.operationArea{
    display: flex;
    justify-content: center;
}
/*裁剪操作区*/
.operationArea .cropperBox {
    width: 440px;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    box-sizing: border-box;
}

.operationArea .cropperBox .imgBox {
    width: 100%;
    height: 424px;
}
.operationArea .cropperBox .imgBox #clipperImage {
    width: 100%;
    height: 100%;
    display: block;
}


.operationArea  .buttonGroup {
    padding: 15px 0;
    border-top: 1px solid #ddd;
}
.operationArea .cropperBox .buttonGroup.buttonToolsGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.operationArea .cropperBox .buttonGroup.quickSettings{}

.operationArea .cropperBox .buttonGroup.buttonGroupBottom{
    display: flex;
    justify-content: flex-end;
}

.operationArea .cropperBox .buttonGroup.buttonGroupBottom >button{
    margin-left: 15px;
    font-size: 16px;
}

.tipsP{
    color: #cd6400;
    margin: 10px 0 0 0;
    line-height: 1.2;
}

.operationArea .cropperBox .buttonGroup.quickSettings>div{

}

.operationArea .cropperBox .buttonGroup.quickSettings>div>button{
    margin-bottom:10px;
}

.operationArea .cropperBox .buttonGroup.quickSettings>.quickBtnS>button{
    margin-right:10px;
}

.operationArea .cropperBox .buttonGroup.quickSettings>.quickIpt>button{

}
.operationArea .cropperBox .buttonGroup.quickSettings>.quickIpt>input{
    width: 60px;
    text-align: center;
    color: #666;
    padding: 0;
    border: 1px solid #ddd;
    height: 24px;
    outline: #333333;
}
.operationArea .cropperBox .buttonGroup.quickSettings>.quickIpt>#quickIptConfirm{
    margin-left: 15px;
    margin-bottom: 0;
}


/*滤镜操作区*/
.operationArea .chobiBox{
    width: 440px;
    padding-left: 15px;
    box-sizing: border-box;
}

.operationArea .chobiBox .chobiImgBox{
    width: 430px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}
.operationArea .chobiBox .chobiImgBox #chobiImg{
    max-width: 430px;
    display: block;
    min-width: 120px;
    min-height: 85px;
}
.operationArea .chobiBox #filterCanvas{
    max-width: 430px;
    overflow: hidden;
    margin: 15px 0;
}
.operationArea .chobiBox .chobiSlider{}
.operationArea .chobiBox .chobiFilterBtns{
    padding-bottom: 0;
}
.operationArea .chobiBox .chobiFilterBtns button{
    margin-right: 15px;
    margin-bottom: 15px;
}
.operationArea .chobiBox .chobiFucBtns{
    display: flex;
    justify-content: flex-end;
}
.operationArea .chobiBox .chobiFucBtns button{
    margin-left: 15px;
    font-size: 16px;
}


/*伪装下载按钮*/

#choseFileBtn {
    display: inline-block;
    max-width: 400px;
    min-width: 100px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background-color: lightseagreen;
    color: lightgoldenrodyellow;
    cursor: pointer;
}
